<template>
  <view>
    <uni-forms ref="form" :rules="{}">
      <uni-forms-item label="" name="">
        <uni-easyinput v-model="user.username" placeholder="请输入用户名" />
      </uni-forms-item>
      <uni-forms-item label="" name="">
        <uni-easyinput type="password" v-model="user.password" placeholder="请输入密码" />
      </uni-forms-item>
      <uni-forms-item label="" name="">
        <button type="primary" @click="login">登录</button> <!-- 设置click事件方法  -->
      </uni-forms-item>
    </uni-forms>
    <button @click="goregister">去注册</button>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        user: {
          username: 'tom',
          password: '123'
        }
      }
    },
    methods: {
      login(e) {
        uni.request({
          url: this.$baseUrl+'user/login',
          method: 'POST',
          data: this.user,
          success: res => {
            if (res.data.success) {
              uni.setStorageSync('userInfo', res.data.data)
              uni.showToast({
                title: '' + res.data.data.username,
                icon: 'none'
              });
              uni.switchTab({
                url: '../home/home'
              })
            } else {
              uni.setStorageSync('userInfo')
              uni.showToast({
                title: '失败',
                icon: 'none'
              });
            }
          },
          fail: () => {},
          complete: () => {}
        });
      },
      onLoad: () => {
        uni.onTabBarMidButtonTap(function(e) {
          console.log(e)
        })
      },
      goregister() {
      uni.navigateTo({
        url: '/pages/my/register'
      })
    }
    },
  }
</script>

<style>

</style>